<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>百城万店后台管理系统</title>
		<link rel="stylesheet" href="../../common/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="../css/backstage_common.css" />
		<link rel="stylesheet" href="../../common/css/iconfont.css" />
		<link rel="stylesheet" href="../css/userManage.css" />
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a class="brand" href="index.html"><span>百城万店</span></a>
				</div>
			</div>
		</div>
		<div class="container-fluid-full">
			<div class="row-fluid">
				<!--侧边栏-->
				<div id="sidebar-left" class="span1">
					<div class="nav-collapse sidebar-nav">
					</div>
				</div>
				<!--主要内容-->
				<div class="" id="content">
					<div class="row-fluid">
						<!--查询条件-->
						<ul class="selected_info form form-horizontal">
							<label class="width-4">用户ID：</label>
							<li class="form-group  col-1">
								<input class="form-control"  />
							</li>
							<label class="width-5">用户昵称：</label>
							<li class="form-group col-1">
								<input class="form-control" />
							</li>
							<label class="width-3">角色：</label>
							<li class="form-group col-1">
								<input class="form-control" />
							</li>
							<label class="width-3">状态：</label>
							<li class="form-group col-1">
								<select>
									<option>1</option>
									<option>1</option>
									<option>111111</option>
								</select>
							</li>
							<label class="width-5">加入时间：</label>
							<li class="form-group startTime col-2">
								<input class="laydate-icon form-control" id="startTime" />
							</li>
							<label class="width-1">至</label>
							<li class="form-group endTime col-2">
								<input class="laydate-icon form-control" id="endTime" />
							</li>
								<button class="btn btn-info search">查询</button>
						</ul>
						
						<table class="table table-striped table-bordered table-hover">
							<tr>
								<th>用户ID</th>
								<th>用户昵称</th>
								<th>角色</th>
								<th>状态</th>
								<th>加入时间</th>
								<th>下级数量</th>
								<th>余额</th>
								<th>操作</th>
							</tr>
							<tr>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td>1</td>
								<td><button class="btn btn-danger">删除</button>
									<button class="btn btn-info"  data-toggle="modal" data-target="#myModal">审核</button>
								</td>
							</tr>
						</table>
						<div class="page_container"> 
							<ul class="page">
								<li>
									<a>总记录数：<span>188</span>条</a>
								</li>
								<li>
									<a class="" id="firstPage">首页</a> 
								</li>
								<li>
									<a class="" id="prepage">上一页</a> 
								</li>
								<li>
									<a>
										<select>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
										</select>
									</a>
								</li>
								<li>
									<a class="" id="nextpage">下一页</a>
								</li>
								<li>
									<a class="" id="lastPage">尾页</a>
								</li>
								<li>
									<a>
										总页数：<span>10</span>页
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
			<!--模态框-->
		<div class="modal hide fade" id="myModal">
			<div class="modal-header">
		   		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h3>认证信息</h3>
			</div>
			<div class="modal-body">
				<table class="table table-hover table-bordered">
					<tr>
						<th>111</th>
						<td>111</td>
					</tr>
					<tr>
						<th>111</th>
						<td>111</td>
					</tr>
					<tr>
						<th>111</th>
						<td>111</td>
					</tr>
					<tr>
						<th>111</th>
						<td>111</td>
					</tr>
				</table>
			</div>
			<div class="modal-footer">
			    <a href="#" class="btn">取消</a>
			    <a href="#" class="btn btn-primary">确定</a>
			</div>
		</div>
	</body>
	<script src="../../common/js/jquery-1.9.1.min.js"></script>
	<script src="../../common/js/bootstrap.min.js"></script>
	<script src="../../common/laydate/laydate.js"></script>
	<script src="../js/set_date.js"></script>
	<script src="../js/admin.js"></script>
	<script src="../js/userManage.js"></script>
</html>
